<template>
  <div class="home">
    <div class="box-top">
      <div class="box-center">
        <img src="@/assets/images/logo.png" alt="">
        <div class="tip">
          女性情趣艺术
        </div>
      </div>
    </div>
    <div class="box-bottom">
      <div class="box-center">
        <a href="https://apps.apple.com/cn/app/cachito/id6448204341">iOS下载</a>
        <a href="https://img.youtao.top/app_apk/cachito.apk">Android下载</a>
<!--        <div class="tip">请点击右上方，使用浏览器打开下载APP.</div>-->
      </div>
    </div>
    <div class="box-iphone"></div>
    <div class="footer">
      <div class="btn-font">
        <p><a href="http://beian.miit.gov.cn">鄂ICP备2023001976号-1</a></p>
        <p>Copyright © 2022. 武汉诱桃科技有限公司 All rights reserved.</p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    mounted() {
      document.title=''
    }
  }
</script>

<style scoped lang="scss">
.home{
  width: 100%;
  min-height: 100vh;
  .box-top{
    width: 100%;
    height: 450px;
    align-items: center;
    display: flex;
    justify-content: center;
    .box-center{
      width: 150px;
      min-height: 200px;
      text-align: center;
      img{
        width: 120px;
        object-fit: contain;
      }
      .tip{
        width: 100%;
        font-size: 14px;
        font-family: 'OPPOR', sans-serif;
        color: rgba(88,88,88);
      }
    }
  }
  .box-bottom{
    width: 100%;
    height: 200px;
    margin-top: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    .box-center{
      width: 260px;
      height: 120px;
      a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-family: 'OPPOL', sans-serif;
        background: #000;
        height: 45px;
        width: 100%;
        border-radius: 45px;
        color: #ffffff;
        margin-bottom: 20px;
        outline:none;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
      }
      .tip{
        text-align: center;
        width: 100%;
        font-size: 16px;
        color: rgba(88,88,88);
        font-family: 'OPPOL', sans-serif;
      }
    }
  }
  .box-iphone{
    width: 100%;
    height: 550px;
    background: url("@/assets/images/bgk.jpg") no-repeat;
    background-size: contain;
    background-position: left center;
  }
  .footer{
    width: 100%;
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    .btn-font{
      width: 350px;
      height: 60px;
      margin-top: 20px;
      border-top: 1px solid rgba(0,0,0,0.6);
      padding: 18px 0 0 0;
      box-sizing: border-box;
      p{
        color: rgba(88,88,88,1);
        font-size: 12px;
        margin-top: 5px;
        font-family: 'OPPOR', sans-serif;
        a{
          color: rgba(88,88,88,1);
          outline:none;
          -webkit-tap-highlight-color:rgba(0,0,0,0);
        }
      }
    }
  }
}
</style>